<%-- 
    Document   : precomputation
    Created on : Apr 26, 2012, 2:46:07 PM
    Author     : Jayson Kiong
--%>

<%@page import="java.text.DecimalFormat"%>
<%@page import="Model.Terms"%>
<%@page import="db.Fillup"%>
<%@page import="Model.Types"%>
<%@page import="java.util.ArrayList"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="Pragma" content="no-cache">
        <meta http-equiv="Cache-Control" content="no-cache">
        <meta http-equiv="Expires" content="Sat, 01 Dec 2001 00:00:00 GMT">
        <title>Pre-Computation</title>
        <link rel = "stylesheet" type = "text/css" href = "quicklendstyle.css"/>
        <link type="text/css" href="css/ui-lightness/jquery-ui-1.8.19.custom.css" rel="stylesheet" />
	<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.19.custom.min.js"></script>
        <script type="text/javascript" src="quicklendjs.js"></script>
        <script src="gen_validatorv4.js" type="text/javascript"></script>
        
	<script type="text/javascript">
		$(function(){

			// Accordion
			$("#accordion").accordion({ header: "h3" });

			// Tabs
			$('#tabs').tabs();

			// Dialog
			$('#dialog').dialog({
				autoOpen: false,
				width: 600,
				buttons: {
					"Ok": function() {
						$(this).dialog("close");
					},
					"Cancel": function() {
						$(this).dialog("close");
					}
				}
			});
				// Dialog Link
			$('#dialog_link').click(function(){
				$('#dialog').dialog('open');
				return false;
			});
				// Datepicker
			$('#datepicker').datepicker({
				inline: true
			});
				// Slider
			$('#slider').slider({
				range: true,
				values: [17, 67]
			});
				// Progressbar
			$("#progressbar").progressbar({
				value: 20
			});
				//hover states on the static widgets
			$('#dialog_link, ul#icons li').hover(
				function() { $(this).addClass('ui-state-hover'); },
				function() { $(this).removeClass('ui-state-hover'); }
			);
			});
                        
                          
	</script>
	<style type="text/css">
			/*demo page css*/
		body{ font: 62.5% "Segoe UI", sans-serif; margin: 50px;}
		.demoHeaders { margin-top: 2em; }
		#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
		#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
		ul#icons {margin: 0; padding: 0;}
		ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
		ul#icons span.ui-icon {float: left; margin: 0 4px;}
	</style>
        
        
    </head>
    <body>
        <form id="fillupform" name="fillupform" action="precomputation.jsp" method="GET">
        <%ArrayList ar = (ArrayList)session.getAttribute("types");
          int arctr=0;
          Types type = new Types();
          int j=0,arsize = ar.size();
          Fillup fillup= new Fillup();
          DecimalFormat df = new DecimalFormat("0.00");
          Terms term = (Terms)session.getAttribute("terms");
          Float pn,loanamt;
          int terms;
          String precompno,firstname,lastname,middlename;
          if(request.getParameter("pn")!=null){
              pn = Float.parseFloat(request.getParameter("pn"));
          }else{
              pn = 0f;
          }
          
          if(request.getParameter("terms")!=null){
              terms = Integer.parseInt(request.getParameter("terms"));
          }else{
              terms = 0;
          }
          if(request.getParameter("loans")!=null){
              
              loanamt = Float.parseFloat(request.getParameter("loans"));
              
          }else{
              loanamt = Float.parseFloat(df.format(0d));
          }
          
          if(request.getParameter("precompno")!=null){
              precompno = request.getParameter("precompno");
          }else{
              precompno = "";
          }
          
          if(request.getParameter("firstname")!=null){
              firstname = request.getParameter("firstname");
          }else{
              firstname = "";
          }
          
          if(request.getParameter("lastname")!=null){
              lastname = request.getParameter("lastname");
          }else{
              lastname = "";
          }
          
          if(request.getParameter("middlename")!=null){
              middlename = request.getParameter("middlename");
          }else{
              middlename = "";
          }
          
          
         
        %>
        
        
        <div id="tabs" style="position:absolute;width:850px;height:580px;top:10px;left:20px; border:none;">
		<ul>
                    <li><a href="#tabs-1">Pre-Computation Details</a></li>
                    <li><a href="#tabs-2">Borrower Details</a></li>
				
		</ul>
                
		<div id="tabs-1">
                    
                    
                    <div id="type" style="position:absolute; top: 48px; left:25px">
                        Client Type:&nbsp;   <select name="clienttype" name="clienttype" style="width:135px">
                                                        <%for(int x=0;x<arsize;x++){
                                                        type=(Types)ar.get(arctr); 
                                                        if(type.getStrType().equals("Client")){
                                                            if(request.getParameter("clienttype")!=null && request.getParameter("clienttype").equals(type.getStrName())){
                                                        %>
                                                        <option value="<%=type.getStrName()%>" selected><%=type.getStrName()%></option>
                                                        
                                                        <%}
                                                         else{%>
                                                         <option value="<%=type.getStrName()%>"><%=type.getStrName()%></option>       
                                                           <%}}%>   
                                                        <%arctr++;}%> 
                                            </select>   
                        </br>
                        Sub Type:   &nbsp;&nbsp;&nbsp;     <select name="subtype" style="width:135px">
                                                        <%arctr=0;
                                                        for(int x=0;x<arsize;x++){
                                                        type=(Types)ar.get(arctr); 
                                                        if(type.getStrType().equals("Sub")){
                                                            if(request.getParameter("subtype")!=null && request.getParameter("subtype").equals(type.getStrName())){
                                                        %>
                                                        <option value="<%=type.getStrName()%>" selected><%=type.getStrName()%></option>
                                                        
                                                        <%}
                                                         else{%>
                                                         <option value="<%=type.getStrName()%>"><%=type.getStrName()%></option>       
                                                           <%}}%>   
                                                        <%arctr++;}%> 
                                                            </select>
                        </br>
                        Loan Type:    &nbsp;      <select name="loantype"  style="width:135px">
                                                        <%arctr=0;
                                                        for(int x=0;x<arsize;x++){
                                                        type=(Types)ar.get(arctr); 
                                                        if(type.getStrType().equals("Loan")){
                                                            if(request.getParameter("loantype")!=null && request.getParameter("loantype").equals(type.getStrName())){
                                                        %>
                                                        <option value="<%=type.getStrName()%>" selected><%=type.getStrName()%></option>
                                                        
                                                        <%}
                                                         else{%>
                                                         <option value="<%=type.getStrName()%>"><%=type.getStrName()%></option>       
                                                           <%}}%>   
                                                        <%arctr++;}%> 
                                                  </select>

                    </div>
                    
                                                  
                                                                            
                    <div id="precompno" style="position:absolute; top:50px;left:270px; ">
                        
                        Pre-Comp No.<br style="line-height:30px;"/>
                        <input name="precompno" type="text" value="<%=precompno%>" style="width:110px;height:20px; font-family: Segoe UI; font-weight: bold; font-size:16px;color:#009900;"onKeyPress="validate(event)" readonly="true"/>   
                        <input type="button" value="Search" onClick="searchPrecomp()"/>
                    </div>
                                                                                
                    <div id="loandetails" style="position:absolute; top: 130px; left:25px;">
                        
                        PN/Month:&nbsp; <input type="text" name="pn" style="top:50px;width:130px;height:18px;font-family: Segoe UI; font-weight: bold; font-size:16px;text-align:right;" onKeyPress="validate(event)" value="<%=df.format(pn)%>"><br style="line-height:30px;"/>

                        Term:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <select name="term" style="top:50px;width:130px;height:24px;font-family: Segoe UI; font-weight: bold; font-size:16px;text-align:right;">
                                                                                                 <% for (int i=1;i<=60;i++){
                                                                                                    j=i*6;
                                                                                                    if(j==terms){%>
                                                                                                    <option value="<%=j%>" selected><%=j%></option>
                                                                                                <%}else{%>
                                                                                                <option value="<%=j%>"><%=j%></option>
                                                                                                <%}}%>
                                                                                                </select>
                    </div>
                    
                    <div id="loanamount" style="position:absolute; top:128px;left:270px">
                        LOAN AMOUNT<br style="line-height:30px;"/>
                        <input name ="loanamt" type="text" readonly="true" value="<%=df.format(loanamt)%>"style="width:215px;height:20px; font-family: Segoe UI; font-weight: bold; font-size:16px;text-align:right; color:#FF0000;" onKeyPress="validate(event)"></input>
                    </div>
                    <div id="computefieldhead" style="position:absolute; top:200px; left:280px;font-family: Segoe UI; font-weight: 600; font-size:14px;">
                        Percent
                    </div>
                    <div id="computefieldhead2" style="position:absolute; top:200px; left:430px;font-family: Segoe UI; font-weight: 600; font-size:14px;">
                        Amount
                    </div>
                    <div id="computename" style="position:absolute; top:225px;left:25px; font-family: Segoe UI; font-size:14px;">
                        Less: UI <br style="line-height:25px;"/>

                        Service Charge<br style="line-height:25px;"/>

                        Notary Fee<br style="line-height:25px;"/>

                        E-VAT<br style="line-height:25px;"/>

                        Doc Stamps<br style="line-height:25px;"/>

                        Collection Fee<br style="line-height:25px;"/>

                        Processing Fee<br style="line-height:25px;"/>

                        Payout Advance<br style="line-height:25px;"/>
                        </br>
                        <br style="line-height:30px;"/>
                        Bank Charge<br style="line-height:25px;"/>

                        LBC Charge<br style="line-height:25px;"/>

                        Cash Bound<br style="line-height:25px;"/>

                        Other Lending<br style="line-height:25px;"/>

                    </div>
                    
                    <div id="totalcashout" style="position:absolute; top:580px;left:25px; font-family: Segoe UI; font-weight:600;font-size:18px;">
                        Total (Cash Out) PhP: &nbsp;&nbsp;
                        <input type="text" readonly="true" style="width:250px;height:30x; font-size:18px; font-family:Segoe UI; font-weight:bold; color:#FF0000; text-align:right;"/>

                    </div>

                    <div id="computefield" style="position:absolute; top:225px;left:235px; font-family: Segoe UI; font-size:14px;">
                        <input type="text" name="ui" oninput="updateField('ui', 'a_ui')" value="<%=term.getfLessui()*100%>" style="width:100px;height:15px; font-family: Segoe UI; font-size:14px;text-align:right; "onKeyPress="validate(event)"></input>&nbsp;&nbsp;&nbsp;
                        <input type="text" name="a_ui" value="<%=df.format(loanamt*term.getfLessui())%>" readonly="true" style="width:130px;height:15px; font-family: Segoe UI; font-weight:bold; font-size:14px;text-align:right; "onKeyPress="validate(event)"></input><br style="line-height:25px;"/>


                        <input type="text" name="sc" oninput="updateField('sc', 'a_sc')" value="<%=term.getfServicecharge()*100%>" style="width:100px;height:15px; font-family: Segoe UI; font-size:14px;text-align:right; "onKeyPress="validate(event)"></input>&nbsp;&nbsp;&nbsp;
                        <input type="text" name="a_sc" value="<%=df.format(loanamt*term.getfServicecharge())%>" readonly="true" style="width:130px;height:15px; font-family: Segoe UI; font-weight:bold; font-size:14px;text-align:right; "onKeyPress="validate(event)"></input><br style="line-height:25px;"/>


                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="text" name="notary"value="<%=df.format(term.getfNotaryfee())%>" readonly="true" style="width:130px;height:15px; font-family: Segoe UI; font-weight:bold; font-size:14px;text-align:right; "onKeyPress="validate(event)"></input><br style="line-height:25px;"/>

                        <input type="text" name="evat" oninput="updatevat('evat', 'a_evat')" value="<%=term.getfEvat()*100%>"style="width:100px;height:15px; font-family: Segoe UI; font-size:14px;text-align:right; "onKeyPress="validate(event)"></input>&nbsp;&nbsp;&nbsp;
                        <input type="text" name="a_evat"  value="<%=df.format(term.getfEvat()*loanamt*term.getfLessui())%>" readonly="true" style="width:130px;height:15px; font-family: Segoe UI; font-weight:bold; font-size:14px;text-align:right; "onKeyPress="validate(event)"></input><br style="line-height:25px;"/>

                        <input type="text" name="dc" oninput="updateField('dc', 'a_dc')"value="<%=term.getfDocs()*100%>" style="width:100px;height:15px; font-family: Segoe UI; font-size:14px;text-align:right; "onKeyPress="validate(event)"></input>&nbsp;&nbsp;&nbsp;
                        <input type="text" name="a_dc"value="<%=df.format(loanamt*term.getfDocs())%>" readonly="true" style="width:130px;height:15px; font-family: Segoe UI; font-weight:bold; font-size:14px;text-align:right; "onKeyPress="validate(event)"></input><br style="line-height:25px;"/>

                        <input type="text" name="cf" oninput="updatField('cf', 'a_cf')" value="<%=term.getfCollectionfee()*100%>" style="width:100px;height:15px; font-family: Segoe UI; font-size:14px;text-align:right; "onKeyPress="validate(event)"></input>&nbsp;&nbsp;&nbsp;
                        <input type="text" name="a_cf"value="<%=df.format(loanamt*term.getfCollectionfee())%>" readonly="true" style="width:130px;height:15px; font-family: Segoe UI; font-weight:bold; font-size:14px;text-align:right; "onKeyPress="validate(event)"></input><br style="line-height:25px;"/>

                        <input type="text" name="pf" oninput="updateField('pf', 'a_pf')"value="<%=term.getfProcessingfee()*100%>" style="width:100px;height:15px; font-family: Segoe UI; font-size:14px;text-align:right; "onKeyPress="validate(event)"></input>&nbsp;&nbsp;&nbsp;
                        <input type="text" name="a_pf" value="<%=df.format(loanamt*term.getfProcessingfee())%>" readonly="true" style="width:130px;height:15px; font-family: Segoe UI; font-weight:bold; font-size:14px;text-align:right; "onKeyPress="validate(event)"></input><br style="line-height:25px;"/>


                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="text" name="pa" value=""style="width:130px;height:15px; font-family: Segoe UI; font-weight:bold; font-size:14px;text-align:right; "onKeyPress="validate(event)"></input><br style="line-height:25px;"/>

                        </br>
                        <br style="line-height:23px;"/>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="text" name="bc" value="<%=df.format(term.getfBankcharge())%>" readonly="true" style="width:130px;height:15px; font-family: Segoe UI; font-weight:bold; font-size:14px;text-align:right; "onKeyPress="validate(event)"></input><br style="line-height:25px;"/>

                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="text" name="lbc" value="<%=df.format(term.getfLbccharge())%>" readonly="true" style="width:130px;height:15px; font-family: Segoe UI; font-weight:bold; font-size:14px;text-align:right; "onKeyPress="validate(event)"></input><br style="line-height:25px;"/>

                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="text" name="cb" value="<%=df.format(term.getfCashbound())%>" readonly="true" style="width:130px;height:15px; font-family: Segoe UI; font-weight:bold; font-size:14px;text-align:right; "onKeyPress="validate(event)"></input><br style="line-height:25px;"/>

                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="text" name="other" value="<%=df.format(term.getfBankcharge()+term.getfLbccharge()+term.getfCashbound())%>" readonly="true" style="width:130px;height:15px; font-family: Segoe UI; font-weight:bold; font-size:14px;text-align:right; "onKeyPress="validate(event)"></input><br style="line-height:25px;"/>


                    </div>

                    <div id="accordion" style="position:absolute; top:435px; left:23px; width:140px; font-weight:normal; font-size:14px;">
                            <div>
                                <h3><a href="#">Other Charges</a></h3>
                            </div>
                    </div>

                    
                    
                </div>
		<div id="tabs-2">
                    <div id="borrowertitle" style="position:absolute; top:50px;left:25px">Borrower Name</div>
                    
                    <div id="borrowername" style="position:absolute; top:80px;left:25px"> 
                        Last Name:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="text" name="lastname" value="<%=lastname%>" style="width:180px;height:20px; font-family: Segoe UI; font-weight: bold; font-size:16px;"><br style="line-height:30px;"/>
                        First Name:&nbsp;&nbsp&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="firstname" value="<%=firstname%>" style="width:180px;height:20px; font-family: Segoe UI; font-weight: bold; font-size:16px;"><br style="line-height:30px;"/>
                        Middle Name:&nbsp;&nbsp;<input type="text" name="middlename" value="<%=middlename%>" style="width:180px;height:20px; font-family: Segoe UI; font-weight: bold; font-size:16px;"><br style="line-height:30px;"/>
                    
                    </div>
                    <div id="computefieldhead" style="position:absolute; top:200px; left:290px;font-family: Segoe UI; font-weight: 600; font-size:14px;">
                        Percent
                    </div>
                    <div id="computefieldhead2" style="position:absolute; top:200px; left:440px;font-family: Segoe UI; font-weight: 600; font-size:14px;">
                        Amount
                    </div>    
                    
                    <div id="payoutcomputeheader" style="position:absolute; top:225px;left:25px;font-family: Segoe UI; font-size:16px; font-weight:bold;">
                        Payout Computation
                    </div>
                    
                    <div id="computename" style="position:absolute; top:260px;left:35px; font-family: Segoe UI; font-size:14px;">
                        Load Balance <br style="line-height:25px;"/>

                        Previous UI<br style="line-height:25px;"/>

                        Rebate Rate<br style="line-height:25px;"/>

                        Gross Payout<br style="line-height:25px;"/>
                    </div>
                    
                    <div id="payoutcomputeheader2" style="position:absolute; top:370px;left:25px;font-family: Segoe UI; font-size:16px; font-weight:bold;">
                        Advances
                    </div>
                    
                    <div id="computename2" style="position:absolute; top:395px;left:35px; font-family: Segoe UI; font-size:14px;">
                        Total Advances <br style="line-height:25px;"/>

                        Monthly Amortization<br style="line-height:25px;"/>

                        Less: Given Rate<br style="line-height:25px;"/>

                        Net Advances<br style="line-height:25px;"/>
                        
                    </div>
                    
                    <div id="computename3" style="position:absolute; top:525px;left:25px; font-family: Segoe UI; font-size:14px; font-weight:600">
                        Net Payout Advance
                    </div>

                    <div id="computefield" style="position:absolute; top:260px;left:245px; font-family: Segoe UI; font-size:14px;">
                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="text" style="width:130px;height:15px; font-family: Segoe UI; font-weight:bold; font-size:14px;text-align:right; "onKeyPress="validate(event)"></input><br style="line-height:25px;"/>

                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="text" style="width:130px;height:15px; font-family: Segoe UI; font-weight:bold; font-size:14px;text-align:right; "onKeyPress="validate(event)"></input><br style="line-height:25px;"/>


                        <input type="text" style="width:100px;height:15px; font-family: Segoe UI; font-size:14px;text-align:right; "onKeyPress="validate(event)"></input>&nbsp;&nbsp;&nbsp;                        
                        <input type="text" style="width:130px;height:15px; font-family: Segoe UI; font-weight:bold; font-size:14px;text-align:right; "onKeyPress="validate(event)"></input><br style="line-height:25px;"/>
                        
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="text" style="width:130px;height:15px; font-family: Segoe UI; font-weight:bold; font-size:14px;text-align:right; "onKeyPress="validate(event)"></input><br style="line-height:25px;"/>

 
                    </div>
                    
                    <div id="computefield2" style="position:absolute; top:395px;left:245px; font-family: Segoe UI; font-size:14px;">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="text" style="width:130px;height:15px; font-family: Segoe UI; font-weight:bold; font-size:14px;text-align:right; "onKeyPress="validate(event)"></input><br style="line-height:25px;"/>

                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="text" style="width:130px;height:15px; font-family: Segoe UI; font-weight:bold; font-size:14px;text-align:right; "onKeyPress="validate(event)"></input><br style="line-height:25px;"/>


                        <input type="text" style="width:100px;height:15px; font-family: Segoe UI; font-size:14px;text-align:right; "onKeyPress="validate(event)"></input>&nbsp;&nbsp;&nbsp;                        
                        <input type="text" style="width:130px;height:15px; font-family: Segoe UI; font-weight:bold; font-size:14px;text-align:right; "onKeyPress="validate(event)"></input><br style="line-height:25px;"/>
                        
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="text" style="width:130px;height:15px; font-family: Segoe UI; font-weight:bold; font-size:14px;text-align:right; "onKeyPress="validate(event)"></input><br style="line-height:25px;"/>
                    </div>
                    
                    <div id="computefield3" style="position:absolute; top:520px;left:245px; font-family: Segoe UI; font-size:14px;">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="text" style="width:130px;height:15px; font-family: Segoe UI; font-weight:bold; font-size:14px;text-align:right; color: #FF0000"onKeyPress="validate(event)"></input><br style="line-height:25px;"/>
                    </div>
                </div>
			
	</div>

        <div id="precomp" style="position:absolute; top:525px; left:530px;">
            
             <input type ="image" src="images/calculateimage.png" onclick="calculatePrecomp()">
             <a href="#" onClick="savePrecomp()"><img src="images/saveimage.png" size="13" style="position:absolute; left:0px; "/></a>
             <a href="PrecompServlet" class="precompcancelbtn" name="precompcancelbtn"  size="13" style="position:absolute;left: 170px;"/></a>
        </div>
        
        </form>
                        
    </body>
    
</html>
